import React, { Component } from 'react';

import { Flex } from 'antd-mobile';

import 'antd-mobile/lib/flex/style/index.css';
import '../static/styles/index.css';

import Goods from '../components/goods';
import Qianggou from '../components/qianggou';
import Category from '../components/category';
import Slide from '../components/slide';
import Footer from '../components/footer';

import { AdThree } from '../components/ad';

class Index extends Component {

    render() {
        return (
            <div>
                <Slide/>
                <div className="box">
                    <Category/>
                    <Qianggou/>
                    <Flex className="bf pdlr15 pdb15">
                        <Goods className="goods-left"/>
                        <Goods className="goods-center"/>
                        <Goods className="goods-right"/>
                    </Flex>
                    <AdThree/>
                    <Flex className="pdb15">
                        <Goods className="bf" showOldPrice="0"/>
                        <Goods className="bf ml10" showOldPrice="0" />
                        <Goods className="bf ml10"showOldPrice="0" />
                    </Flex>
                </div>
                <Footer/>
            </div>
        );
    }
}

export default Index;
